// Overrides user variable
@import "../../../../assets/scss/variables/variables";
@import "../../../../assets/scss/variables/app-variables";

/* Toggle */
input[type="checkbox"].switch,
input[type="radio"].switch {
	opacity: 0;
}

/* Switchery */
.switchery{
	bottom: 4px;
	margin-top: 5px;
	border: 1px solid #eee !important;
}
.float-right .switchery, .switchery-large.switchery{
	margin-bottom: 0.35rem;
}

.switchery-xsmall.switchery {
	height: 16px;
	width: 28px;
}
.switchery-xsmall.switchery > small {
	height: 16px;
	width: 16px;
}
.switch{
	~.btn-group {
		a.btn{
			-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
			&.active{
				-moz-box-shadow: inset 0px 1px 5px -1px rgba(0,0,0,0.5);
				-webkit-box-shadow: inset 0px 1px 5px -1px rgba(0,0,0,0.5);
				box-shadow: inset 0px 1px 5px -1px rgba(0,0,0,0.5);
				color: $white;
				&:not(.dropdown-toggle){
					border-bottom-right-radius: 0.25rem;
					border-top-right-radius:  0.25rem;
					border-top-left-radius:  0.25rem;
					border-bottom-left-radius:  0.25rem;
				}
			}
			&:hover{
				z-index: 1;
			}
		}
		&:focus{
			outline: none;
		}
		&.btn-group-vertical{
			.btn:first-child:not(:last-child):not(.dropdown-toggle){
				border-top-right-radius: 0.25rem;
				border-top-left-radius: 0.25rem;
			}
			.btn:last-child:not(:first-child):not(.dropdown-toggle){
				border-bottom-right-radius: 0.25rem;
				border-bottom-left-radius: 0.25rem;
			}
		}
	}
}